import React, { Component } from 'react';
import { connect } from 'dva';
import { Row, Col, Input, Checkbox, message, Button, Icon } from 'antd';
import request from '../../utils/request';
import config from '../../../config';
import md5 from 'blueimp-md5';
import PublicService from '../../services/PublicService';
import style from './login.less';

class Login extends Component {

  state = {

  };

  componentDidMount() {

  }
  onlogo = (val) => {
    if(val == 'qy') {
      this.props.history.push('/logoqy');
    } else if(val == 'zf') {
      this.props.history.push('/logozf');
    } else {
      this.props.history.push('/logogly');
    }
    
  }



  render() {

    return (
      <div className={style.bg} onKeyUp={(e) => t.keyUp(e)}>
        <div className={style.bg_top}>
          <div className={style.bgtop_L}>
          <img src={require('../../assets/logo2.png')} style={{ width: "100%" }} />
          </div>
          <div className={style.bgtop_R}>
            <div className={style.bgtop_z}>
              武汉市武昌区燃气安全监管平台
            </div>
            <div className={style.bgtop_y}>
              Gas Safety Supervision Platform in Wuchang District of Wuhan City
            </div>
          </div>
        </div>
        <div className={style.bg_moddle}>
          <div className={style.bg_item} onClick={this.onlogo.bind(this,'qy')}>
            <div className={style.item_L}>
              <img src={require('../../assets/zf.png')} style={{ width: 90 }} />
            </div>
            <div className={style.item_R}>
              企业管理人员登录
            </div>
          </div>
          <div className={style.bg_item} onClick={this.onlogo.bind(this,'zf')}>
            <div className={style.item_L2}>
              <img src={require('../../assets/zf1.png')} style={{ width: 90, height: 90 }} />
            </div>
            <div className={style.item_R}>
              政府监管人员登录
            </div>
          </div>
          <div className={style.bg_item} onClick={this.onlogo.bind(this,'gly')}>
            <div className={style.item_L3}>
              <img src={require('../../assets/gly.png')} style={{ width: 90, height: 90 }} />
            </div>
            <div className={style.item_R}>
              管理员登录
            </div>
          </div>
        </div>
        <div className={style.bg_bottom}>
          <div>
            版权所有:苏州市伏泰信息科技股份有限公司
          </div>
          <div>
            技术支持:苏州市伏泰信息科技股份有限公司
          </div>
        </div>
      </div>
    );
  }
}

function mapStateToProps(state) {
  return {
    nav: state
  };
}

export default connect(mapStateToProps)(Login);


